<!--联系人列表-->
<template>
  <div class="flex flex-row">
    <!--左侧列表-->
    <div class="w-1/5 ">
      <ContactsSidebar @into-contact="data => {activeContact = data}"></ContactsSidebar>
    </div>
    <div class="w-4/5">
      <ContactsPanel :contact="activeContact"></ContactsPanel>
    </div>
  </div>
</template>

<script setup>

import ContactsSidebar from "@/views/contacts_components/ContactsSidebar.vue";
import ContactsPanel from "@/views/contacts_components/ContactsPanel.vue";
import {ref} from "vue";

//点中的contact
const activeContact = ref(null)

const clickAdd = ()=>{
  console.debug("clickAdd...")
}

</script>

<style lang="scss" scoped>

</style>